<template>
<div>
  <img class="img_404" src="@/assets/img/404.png" alt="">
  <h1 v-if="type == 'feature'">~不好意思，您的访问权限不足！</h1>
  <h1 v-if="type == 'time'">~不好意思，当前账号已过期！</h1>
  <el-button class="home" plain size="small"><router-link :to="{name:'home'}">返回首页</router-link></el-button>
</div>
</template>
<script>
export default {
  name:'',
  data(){
    return{
      type:'feature'
    }
  },
  created(){
    if(this.$route.query.type){
      this.type = this.$route.query.type
    }
  }
}
</script>
<style scoped lang="scss">
.img_404{
  display:block;
  margin: 0 auto;
  padding: 50px 0;
  width: 200px;
}
h1{
  text-align: center;
  font-size: 24px;
  color: #666;
  font-weight: bold;
}
.home{
  display: block;
  margin:0 auto;
  margin-top:30px
}
</style>